<script setup lang="ts">
import { ref } from 'vue'
const selectedKeys1 = ref(['1'])

</script>
<template>
  <a-layout-header class="header">
    <div class="logo"/>
    <a-menu
        v-model:selectedKeys="selectedKeys1"
        theme="dark"
        mode="horizontal"
        :style="{ lineHeight: '64px' }"
    >
      <a-menu
          v-model:selectedKeys="selectedKeys1"
          theme="dark"
          mode="horizontal"
          :style="{ lineHeight: '64px' }"
      >
        <a-menu-item key="/">
          <router-link to="/">首页</router-link>
        </a-menu-item>
        <a-menu-item key="/admin/ebook">
          <router-link to="/admin/ebook">书籍管理</router-link>
        </a-menu-item>
        <a-menu-item key="/admin/category">
          <router-link to="/admin/category">分类管理</router-link>
        </a-menu-item>
        <a-menu-item key="/about">
          <router-link to="/about">关于</router-link>
        </a-menu-item>
      </a-menu>

    </a-menu>
  </a-layout-header>
</template>

<style scoped>

</style>
